*{
    margin: 0;
    padding: 0;
}
/* 头部导航栏开始 */
.header_nav{
    height: 58px;
    background-color: #191d3a;
}
.header_nav .inner_c{
    width: 1000px;
    height: 58px;
    /* background-color: red; */
    margin: 0 auto;
    position: relative;
}
.header_nav .inner_c .logo{
    width: 170px;
    height: 58px;
    display: inline-block;
    background: url('../img/logo.png') no-repeat center;
}
.header_nav .inner_c ul{
    display: inline-block;
    list-style: none;
}
.header_nav .inner_c ul li{
    width: 101px;
    height: 58px;
    border-right: 1px solid #252947;
    float: left;
}
.header_nav .inner_c ul li a{
    display: block;
    height: 58px;
    text-decoration: none;
    text-align: center;
    line-height: 58px;
    color: #818496;
    font-size: 12px;
}
.header_nav .inner_c ul li a:hover{
    background-color: #252947;
    color:#fff;
}
.header_nav .inner_c .jion_us{
    width: 100px;
    height: 34px;
    background-color: #3aca7a;
    position: absolute;
    top: 12px;
    right: 20px;
    border-radius: 6px;
}
.header_nav .inner_c .jion_us a{
    display: block;
    height: 34px;
    text-decoration: none;
    font-size: 14px;
    color:#fff;
    text-align: center;
    line-height: 34px;
}
.header_nav .inner_c .jion_us a:hover{
    background-color: #38b774;
}
/* 头部导航栏结束 */

/* 图片开始 */
.gamebanner{
    height: 254px;
    background: url('../img/gamebanner.jpg') no-repeat;
}
/* 图片结束 */

/* 内容开始 */
.gamecontent{
    width: 1013px;
    height: 1275px;
    /* background-color: red; */
    margin: 0 auto;
}
.contentheader{
    width: 1016px;
    height: 74px;
    /* background-color: aquamarine; */
    border-bottom: 1px solid #c7d6e5;
    position: absolute;
}
.contentheader .game{
    /* width: 110px;
    height: 20px; */
    background: url('../img/下载.png') no-repeat;
    background-position: 0 -100px;
    position: relative;
    margin-top: 30px;
}
.contentheader .game p{
    font-size: 17px;
    margin-left: 28px;
}
.contentheader .game2 .a{
    position: relative;
    float: right;
    margin-top: -18px;
    margin-right: 80px;
    cursor: pointer;
}
.contentheader .game2 .b{
    position: relative;
    float: right;
    margin-top: -16px;
    margin-right: 70px;
    cursor: pointer;
}
.contentheader .game2 p{
    position: relative;
    float: right;
    margin-top: -22px;
    margin-right: 2px;
}
.clearbox::before {
    content: '';
    display: table;
}

.gamecontent ul{
    width: 196px;
    list-style: none;
    margin-top: 125px;
    
}
.gamecontent ul li{
    width: 196px;
    height: 80px;
    border-bottom: 1px solid #aabacb;
    line-height: 80px;
    position: relative;
}
.li1 span,.li2 span,.li3 span,.li4 span,.li5 span{ 
    width: 102px;
    height: 80px;
    background: url('../img/pad.png') no-repeat;
    float: left;
}
.li1 a,.li2 a,.li3 a,.li4 a,.li5 a{
    text-decoration: none;
    left: 58px;
    color: #444866;
    position: absolute;
}
.gamecontent ul .li1 em{
    position: absolute;
    width: 5px;
    height: 8px;
    background: url('../img/sanjiaoxing.png') no-repeat;
    margin-top: 39px;
    margin-left: 85px;
}
.li1 span{
    background-position: -123px 25px;
    color: #38b774;
}
.li1 a{
    color: #38b774;
}
.li2 span{
    background-position: -3px -75px;
}
.li3 span{
    background-position: 2px -175px;
}
.li4 span{
    background-position: 2px -269px;
}
.li5 span{
    background-position: 2px -478px;
}

.xinxi {
    width: 756px;
    height: 1070px;
    margin: -530px 0 84px 257px;
}

.xinxi ul li{
    width: 358px;
    height: 332px;
    border: 1px solid #cad6e1;
    border-radius: 5px;
}
.xinxi ul .xinxi_1{
    display: inline-block;
    background: url('../img/gamepic3.jpg') no-repeat center;
}
.xinxi ul .xinxi_2{
    position: relative;
    margin-left: 399px;
    margin-top:-337px;
    background: url('../img/gamepic15.jpg') no-repeat center;
}
.xinxi ul .xinxi_3{
    position: relative;
    margin-top:35px;
    background: url('../img/gamepic2.jpg') no-repeat center;
}
.xinxi ul .xinxi_4{
    position: relative;
    margin-left: 399px;
    margin-top:-334px;
    background: url('../img/gamepic6.jpg') no-repeat center;
}
.xinxi ul .xinxi_5{
    position: relative;
    margin-top:36px;
    background: url('../img/gamepic10.jpg') no-repeat center;
}
.xinxi ul li a{
    width: 188px;
    height: 16px;
    position: relative;
    margin-left: 106px;
    text-decoration: none;
    font-size: 16px;
    color: #6b4866;
}
.xinxi ul li a span{
    position: relative;
    padding-left: 9px;
    font-size: 7px;
    color: #38b774;
}
.xinxi ul li em{
    position: absolute;
    width: 5px;
    height: 8px;
    background: url('../img/sanjiaoxing.png') no-repeat;
    margin-top: 39px;
    margin-left: 10px;
}


.xinxi ul li .xinxi_11{
    width: 133px;
    height: 40px;
    /* background-color: greenyellow; */
    border-right: 1px solid black;
    position: absolute;
    margin-top: 199px;
    margin-left: 49px;
}
.xinxi ul li .xinxi_11 img{
    position: absolute;
}
.xinxi ul li .xinxi_11 p{
    display: inline-block;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: 43px;
    color: #444866;
}
.xinxi ul li .xinxi_111{
    width: 135px;
    height: 40px;
    /* background-color: red; */
    position: absolute;
    margin-left: 183px;
    margin-top: 199px;
}
.xinxi ul li .xinxi_111 img{
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: 5px;
    margin-left: 21px; 
}
.xinxi ul li .xinxi_111 b{
    display: inline-block;
    position: absolute;
    margin-top: -20px;
    margin-left: 68px;
    font-size: 12px;
    color: #444866;
}
/* 内容结束 */


/* 底部开始 */
.footer{
    height: 90px;
    background-color: #191d3a;
}
.footer .inner_con{
    width: 1000px;
    height: 90px;
    /* background-color: pink; */
    margin: 0 auto;
}
.footer .inner_con .left{
    float:left;
    height: 90px;
    line-height: 90px;
}
.footer .inner_con .left a{
    text-decoration: none;
    font-size: 14px;
    color: #6c6e7e;
}
.footer .inner_con .right{
    float: right;
    color: #6c6e7e;
    font-size: 12px;
}
.footer .inner_con .right img{
    width: 36px;
    height: 50px;
    position: relative;
    top: 20px;
    right: 0;
}
.footer .top{
    width: 68px;
    height: 29px;
    border-radius: 6px;
    /* background-color: #c7d6e5; */
    position: fixed;
    right: 15px;
    bottom: 75px;
    background: #c7d6e5 url('../img/top.png') no-repeat 12px center;
}
.footer .top a{
    display: block;
    height: 29px;
    text-decoration: none;
    color:#fff;
    /* text-align: center; */
    padding-left: 25px;
    font: normal 700 14px/29px '微软雅黑';
}
/* 底部结束 */